import { ref } from "vue";
	export const yellowBack = ref('#6a6867');
	export const redBack = ref('#6a6867');
	export const greenBack = ref('#6a6867');
	export const stripSize = ref(2);
export const draw = () => {
		// const yellowBack = ref('#eea32e')
		// const redBack = ref('#b63839')
		// const greenBack = ref('#3be375')
		// 成都到都江堰
		const canvasCD = uni.createCanvasContext('canvasCD');
		canvasCD.setStrokeStyle(yellowBack.value);  // 设置描边颜色
		canvasCD.setLineWidth(stripSize.value);  // 设置线条宽度
		canvasCD.beginPath();
		canvasCD.moveTo(350, 254);
		canvasCD.bezierCurveTo(350, 254, 345, 254, 337, 245);
		canvasCD.stroke();
		canvasCD.draw();  // 需要使用 draw 方法来完成绘制

		// 都江堰到映秀
		const canvasDJY = uni.createCanvasContext('canvasDJY');
		canvasDJY.setStrokeStyle(yellowBack.value);  // 设置描边颜色
		canvasDJY.setLineWidth(stripSize.value);  // 设置线条宽度
		canvasDJY.beginPath();
		canvasDJY.moveTo(337, 245);
		canvasDJY.bezierCurveTo(337, 245, 332, 232, 328, 229);
		canvasDJY.stroke();
		canvasDJY.draw();  // 需要使用 draw 方法来完成绘制

		// 映秀到理县
		const canvasYX = uni.createCanvasContext('canvasYX');
		canvasYX.setStrokeStyle(yellowBack.value);
		canvasYX.setLineWidth(stripSize.value);
		canvasYX.beginPath();
		canvasYX.moveTo(328, 229);
		canvasYX.bezierCurveTo(328, 229, 323, 226, 315, 229);
		canvasYX.bezierCurveTo(315, 229, 318, 223, 310, 226);
		canvasYX.bezierCurveTo(310, 226, 308, 220, 300, 217);
		canvasYX.stroke();
		canvasYX.draw();

		// 理县到四姑娘山
		const canvasLX = uni.createCanvasContext('canvasLX');
		canvasLX.setStrokeStyle(yellowBack.value);
		canvasLX.setLineWidth(stripSize.value);
		canvasLX.beginPath();
		canvasLX.moveTo(300, 217);
		canvasLX.bezierCurveTo(300, 217, 273, 226, 261, 204);
		canvasLX.stroke();
		canvasLX.draw();

		// 四姑娘山到双桥沟
		const canvasSG = uni.createCanvasContext('canvasSG');
		canvasSG.setStrokeStyle(yellowBack.value);
		canvasSG.setLineWidth(stripSize.value);
		canvasSG.beginPath();
		canvasSG.moveTo(261, 204);
		canvasSG.bezierCurveTo(261, 204, 254, 201, 241, 223);
		canvasSG.stroke();
		canvasSG.draw();

		// 双桥沟到丹巴县
		const canvasSQG = uni.createCanvasContext('canvasSQG');
		canvasSQG.setStrokeStyle(yellowBack.value);
		canvasSQG.setLineWidth(stripSize.value);
		canvasSQG.beginPath(stripSize.value);
		canvasSQG.moveTo(241, 223);
		canvasSQG.bezierCurveTo(241, 223, 221, 217, 219, 223);
		canvasSQG.stroke();
		canvasSQG.draw();

		// 丹巴县到金川县
		const canvasDBX = uni.createCanvasContext('canvasDBX');
		canvasDBX.setStrokeStyle(yellowBack.value);
		canvasDBX.setLineWidth(stripSize.value);
		canvasDBX.beginPath();
		canvasDBX.moveTo(219, 223);
		canvasDBX.bezierCurveTo(219, 223, 221, 211, 226, 204);
		canvasDBX.bezierCurveTo(226, 204, 231, 198, 225, 186);
		canvasDBX.stroke();
		canvasDBX.draw();


		// 金川县到卓克基土司官寨
		const canvasJCX = uni.createCanvasContext('canvasJCX');
		canvasJCX.setStrokeStyle(yellowBack.value);
		canvasJCX.setLineWidth(stripSize.value);
		canvasJCX.beginPath();
		canvasJCX.moveTo(225, 186);
		canvasJCX.bezierCurveTo(225, 186, 231, 180, 221, 173);
		canvasJCX.bezierCurveTo(221, 173, 217, 173, 219, 158);
		canvasJCX.stroke();
		canvasJCX.draw();

		// 卓克基土司官寨到翁达
		const canvasZK = uni.createCanvasContext('canvasZK');
		canvasZK.setStrokeStyle(yellowBack.value);
		canvasZK.setLineWidth(stripSize.value);
		canvasZK.beginPath();
		canvasZK.moveTo(219, 158);
		canvasZK.bezierCurveTo(219, 158, 192, 198, 167, 149);
		canvasZK.bezierCurveTo(167, 149, 157, 136, 155, 161);
		canvasZK.stroke();
		canvasZK.draw();

		// 翁达到色达县
		const canvasWD = uni.createCanvasContext('canvasWD');
		canvasWD.setStrokeStyle(yellowBack.value);
		canvasWD.setLineWidth(stripSize.value);
		canvasWD.beginPath();
		canvasWD.moveTo(155, 161);
		canvasWD.bezierCurveTo(155, 161, 151, 173, 147, 149);
		canvasWD.bezierCurveTo(147, 149, 143, 142, 138, 155);
		canvasWD.bezierCurveTo(138, 155, 128, 173, 123, 130);
		canvasWD.stroke();
		canvasWD.draw();

		// 翁达到炉霍
		const canvasWDLH = uni.createCanvasContext('canvasWDLH');
		canvasWDLH.setStrokeStyle(yellowBack.value);
		canvasWDLH.setLineWidth(stripSize.value);
		canvasWDLH.beginPath();
		canvasWDLH.moveTo(155, 161);
		canvasWDLH.bezierCurveTo(155, 161, 151, 173, 130, 186);
		canvasWDLH.stroke();
		canvasWDLH.draw();

		// 炉霍到甘孜
		const canvasLH = uni.createCanvasContext('canvasLH');
		canvasLH.setStrokeStyle(yellowBack.value);
		canvasLH.setLineWidth(stripSize.value);
		canvasLH.beginPath();
		canvasLH.moveTo(130, 186);
		canvasLH.bezierCurveTo(130, 186, 123, 192, 103, 167);
		canvasLH.stroke();
		canvasLH.draw();

		// 甘孜到新龙
		const canvasGZ = uni.createCanvasContext('canvasGZ');
		canvasGZ.setStrokeStyle(yellowBack.value);
		canvasGZ.setLineWidth(stripSize.value);
		canvasGZ.beginPath();
		canvasGZ.moveTo(103, 167);
		canvasGZ.bezierCurveTo(103, 167, 103, 217, 123, 229);
		canvasGZ.stroke();
		canvasGZ.draw();

		// 新龙到理塘
		const canvasXL = uni.createCanvasContext('canvasXL');
		canvasXL.setStrokeStyle(yellowBack.value);
		canvasXL.setLineWidth(stripSize.value);
		canvasXL.beginPath();
		canvasXL.moveTo(123, 229);
		canvasXL.bezierCurveTo(123, 229, 113, 226, 118, 239);
		canvasXL.bezierCurveTo(118, 239, 115, 245, 118, 248);
		canvasXL.bezierCurveTo(118, 248, 123, 254, 108, 291);
		canvasXL.stroke();
		canvasXL.draw();

		// 理塘到兔儿山
		const canvasLT = uni.createCanvasContext('canvasLT');
		canvasLT.setStrokeStyle(yellowBack.value);
		canvasLT.setLineWidth(stripSize.value);
		canvasLT.beginPath();
		canvasLT.moveTo(108, 291);
		canvasLT.bezierCurveTo(108, 291, 123, 332, 106, 319);
		canvasLT.stroke();
		canvasLT.draw();

		// 兔儿山到海子山
		const canvasTES = uni.createCanvasContext('canvasTES');
		canvasTES.setStrokeStyle(yellowBack.value);
		canvasTES.setLineWidth(stripSize.value);
		canvasTES.beginPath();
		canvasTES.moveTo(106, 319);
		canvasTES.bezierCurveTo(106, 319, 113, 334, 93, 338);
		canvasTES.stroke();
		canvasTES.draw();

		// 海子山到稻城
		const canvasHZS = uni.createCanvasContext('canvasHZS');
		canvasHZS.setStrokeStyle(yellowBack.value);
		canvasHZS.setLineWidth(stripSize.value);
		canvasHZS.beginPath();
		canvasHZS.moveTo(93, 338);
		canvasHZS.bezierCurveTo(93, 338, 88, 341, 88, 354);
		canvasHZS.stroke();
		canvasHZS.draw();

		// 稻城到日瓦镇
		const canvasDCX = uni.createCanvasContext('canvasDCX');
		canvasDCX.setStrokeStyle(yellowBack.value);
		canvasDCX.setLineWidth(stripSize.value);
		canvasDCX.beginPath();
		canvasDCX.moveTo(88, 354);
		canvasDCX.bezierCurveTo(88, 354, 88, 360, 101, 372);
		canvasDCX.stroke();
		canvasDCX.draw();

		// 日瓦镇到稻城亚丁
		const canvasRWZ = uni.createCanvasContext('canvasRWZ');
		canvasRWZ.setStrokeStyle(yellowBack.value);
		canvasRWZ.setLineWidth(stripSize.value);
		canvasRWZ.beginPath();
		canvasRWZ.moveTo(101, 372);
		canvasRWZ.bezierCurveTo(101, 372, 88, 360, 118, 385);
		canvasRWZ.stroke();
		canvasRWZ.draw();

		// 理塘县到天路十八弯
		const canvasLTX = uni.createCanvasContext('canvasLTX');
		canvasLTX.setStrokeStyle(yellowBack.value);
		canvasLTX.setLineWidth(stripSize.value);
		canvasLTX.beginPath();
		canvasLTX.moveTo(108, 291);
		canvasLTX.bezierCurveTo(108, 291, 123, 273, 133, 285);
		canvasLTX.stroke();
		canvasLTX.draw();

		// 天路十八弯到雅江县
		const canvasTL = uni.createCanvasContext('canvasTL');
		canvasTL.setStrokeStyle(yellowBack.value);
		canvasTL.setLineWidth(stripSize.value);
		canvasTL.beginPath();
		canvasTL.moveTo(133, 285);
		canvasTL.bezierCurveTo(133, 285, 138, 298, 152, 295);
		canvasTL.stroke();
		canvasTL.draw();

		// 雅江县到新都桥
		const canvasYJX = uni.createCanvasContext('canvasYJX');
		canvasYJX.setStrokeStyle(yellowBack.value);
		canvasYJX.setLineWidth(stripSize.value);
		canvasYJX.beginPath();
		canvasYJX.moveTo(152, 295);
		canvasYJX.bezierCurveTo(153, 295, 168, 286, 185, 297);
		canvasYJX.stroke();
		canvasYJX.draw();

		// 新都桥到康定县
		const canvasXDQ = uni.createCanvasContext('canvasXDQ');
		canvasXDQ.setStrokeStyle(yellowBack.value);
		canvasXDQ.setLineWidth(stripSize.value);
		canvasXDQ.beginPath();
		canvasXDQ.moveTo(185, 297);
		canvasXDQ.bezierCurveTo(185, 297, 210, 285, 212, 307);
		canvasXDQ.stroke();
		canvasXDQ.draw();

		// 康定县到泸定县
		const canvasKDX = uni.createCanvasContext('canvasKDX');
		canvasKDX.setStrokeStyle(yellowBack.value);
		canvasKDX.setLineWidth(stripSize.value);
		canvasKDX.beginPath();
		canvasKDX.moveTo(212, 307);
		canvasKDX.bezierCurveTo(212, 307, 212, 285, 242, 314);
		canvasKDX.stroke();
		canvasKDX.draw();

		// 泸定县到雅安市
		const canvasLDX = uni.createCanvasContext('canvasLDX');
		canvasLDX.setStrokeStyle(yellowBack.value);
		canvasLDX.setLineWidth(stripSize.value);
		canvasLDX.beginPath();
		canvasLDX.moveTo(242, 314);
		canvasLDX.bezierCurveTo(242, 314, 256, 285, 261, 298);
		canvasLDX.bezierCurveTo(261, 298, 261, 305, 281, 305);
		canvasLDX.stroke();
		canvasLDX.draw();

		// 雅安市到成都
		const canvasYAS = uni.createCanvasContext('canvasYAS');
		canvasYAS.setStrokeStyle(yellowBack.value);
		canvasYAS.setLineWidth(stripSize.value);
		canvasYAS.beginPath();
		canvasYAS.moveTo(281, 305);
		canvasYAS.bezierCurveTo(281, 305, 286, 285, 296, 285);
		canvasYAS.bezierCurveTo(296, 285, 306, 285, 306, 273);
		canvasYAS.bezierCurveTo(306, 273, 306, 261, 330, 261);
		canvasYAS.bezierCurveTo(330, 261, 341, 267, 350, 255);
		canvasYAS.stroke();
		canvasYAS.draw();

		// 新都桥到鱼子西
		const canvasXDQYZX = uni.createCanvasContext('canvasXDQYZX');
		canvasXDQYZX.setStrokeStyle(yellowBack.value);
		canvasXDQYZX.setLineWidth(stripSize.value);
		canvasXDQYZX.beginPath();
		canvasXDQYZX.moveTo(185, 297);
		canvasXDQYZX.bezierCurveTo(185, 297, 183, 286, 183, 279);
		canvasXDQYZX.stroke();
		canvasXDQYZX.draw();

		// 鱼子西到塔公草原
		const canvasYZX = uni.createCanvasContext('canvasYZX');
		canvasYZX.setStrokeStyle(yellowBack.value);
		canvasYZX.setLineWidth(stripSize.value);
		canvasYZX.beginPath();
		canvasYZX.moveTo(183, 279);
		canvasYZX.bezierCurveTo(183, 279, 192, 266, 183, 260);
		canvasYZX.stroke();
		canvasYZX.draw();

		// 塔公草原到墨石公园
		const canvasTG = uni.createCanvasContext('canvasTG');
		canvasTG.setStrokeStyle(yellowBack.value);
		canvasTG.setLineWidth(stripSize.value);
		canvasTG.beginPath();
		canvasTG.moveTo(183, 260);
		canvasTG.bezierCurveTo(183, 260, 177, 248, 195, 248);
		canvasTG.stroke();
		canvasTG.draw();

		// 新都桥到加根坝
		const canvasXDQJGB = uni.createCanvasContext('canvasXDQJGB');
		canvasXDQJGB.setStrokeStyle(yellowBack.value);
		canvasXDQJGB.setLineWidth(stripSize.value);
		canvasXDQJGB.beginPath();
		canvasXDQJGB.moveTo(185, 297);
		canvasXDQJGB.bezierCurveTo(185, 297, 192, 303, 187, 310);
		canvasXDQJGB.bezierCurveTo(187, 310, 180, 310, 185, 323);
		canvasXDQJGB.stroke();
		canvasXDQJGB.draw();

		// 加根坝到沙德
		const canvasJGB = uni.createCanvasContext('canvasJGB');
		canvasJGB.setStrokeStyle(yellowBack.value);
		canvasJGB.setLineWidth(stripSize.value);
		canvasJGB.beginPath();
		canvasJGB.moveTo(185, 323);
		canvasJGB.bezierCurveTo(185, 323, 177, 327, 177, 341);
		canvasJGB.stroke();
		canvasJGB.draw();

		// 沙德到月亮湖
		const canvasSD = uni.createCanvasContext('canvasSD');
		canvasSD.setStrokeStyle(yellowBack.value);
		canvasSD.setLineWidth(stripSize.value);
		canvasSD.beginPath();
		canvasSD.moveTo(177, 341);
		canvasSD.bezierCurveTo(177, 341, 168, 344, 170, 354);
		canvasSD.stroke();
		canvasSD.draw();

		// 沙德到贡嘎
		const canvasSDGG = uni.createCanvasContext('canvasSDGG');
		canvasSDGG.setStrokeStyle(yellowBack.value);
		canvasSDGG.setLineWidth(stripSize.value);
		canvasSDGG.beginPath();
		canvasSDGG.moveTo(177, 341);
		canvasSDGG.bezierCurveTo(177, 341, 190, 354, 190, 368);
		canvasSDGG.stroke();
		canvasSDGG.draw();

		// 贡嘎到上木居
		const canvasGG = uni.createCanvasContext('canvasGG');
		canvasGG.setStrokeStyle(yellowBack.value);
		canvasGG.setLineWidth(stripSize.value);
		canvasGG.beginPath();
		canvasGG.moveTo(190, 368);
		canvasGG.bezierCurveTo(190, 368, 202, 369, 202, 369);
		canvasGG.bezierCurveTo(202, 369, 209, 363, 204, 357);
		canvasGG.stroke();
		canvasGG.draw();

		// 上木居到雅哈
		const canvasSMJ = uni.createCanvasContext('canvasSMJ');
		canvasSMJ.setStrokeStyle(yellowBack.value);
		canvasSMJ.setLineWidth(stripSize.value);
		canvasSMJ.beginPath();
		canvasSMJ.moveTo(204, 357);
		canvasSMJ.bezierCurveTo(204, 357, 207, 341, 210, 335);
		canvasSMJ.stroke();
		canvasSMJ.draw();

		// 雅哈到加根坝
		const canvasYH = uni.createCanvasContext('canvasYH');
		canvasYH.setStrokeStyle(yellowBack.value);
		canvasYH.setLineWidth(stripSize.value);
		canvasYH.beginPath();
		canvasYH.moveTo(210, 335);
		canvasYH.bezierCurveTo(210, 335, 202, 323, 185, 323);
		canvasYH.stroke();
		canvasYH.draw();

		// 成都到卧龙
		const canvasCDWL = uni.createCanvasContext('canvasCDWL');
		canvasCDWL.setStrokeStyle(greenBack.value);
		canvasCDWL.setLineWidth(stripSize.value);
		canvasCDWL.beginPath();
		canvasCDWL.moveTo(350, 254);
		canvasCDWL.bezierCurveTo(340, 204, 325, 236, 323, 204);
		canvasCDWL.stroke();
		canvasCDWL.draw();

		// 卧龙到汶川
		const canvasWL = uni.createCanvasContext('canvasWL');
		canvasWL.setStrokeStyle(greenBack.value);
		canvasWL.setLineWidth(stripSize.value);
		canvasWL.beginPath();
		canvasWL.moveTo(323, 204);
		canvasWL.bezierCurveTo(323, 204, 328, 189, 320, 177);
		canvasWL.stroke();
		canvasWL.draw();

		// 汶川到茂县
		const canvasWC = uni.createCanvasContext('canvasWC');
		canvasWC.setStrokeStyle(greenBack.value);
		canvasWC.setLineWidth(stripSize.value);
		canvasWC.beginPath();
		canvasWC.moveTo(320, 177);
		canvasWC.bezierCurveTo(320, 177, 321, 168, 328, 161);
		canvasWC.stroke();
		canvasWC.draw();

		// 茂县到松潘县
		const canvasMX = uni.createCanvasContext('canvasMX');
		canvasMX.setStrokeStyle(greenBack.value);
		canvasMX.setLineWidth(stripSize.value);
		canvasMX.beginPath();
		canvasMX.moveTo(328, 161);
		canvasMX.bezierCurveTo(310, 139, 330, 124, 320, 108);
		canvasMX.stroke();
		canvasMX.draw();

		// 松潘县到松潘古镇
		const canvasSP = uni.createCanvasContext('canvasSP');
		canvasSP.setStrokeStyle(greenBack.value);
		canvasSP.setLineWidth(stripSize.value);
		canvasSP.beginPath();
		canvasSP.moveTo(320, 108);
		canvasSP.bezierCurveTo(320, 108, 316, 91, 318, 91);
		canvasSP.stroke();
		canvasSP.draw();

		// 松潘古镇到黄龙
		const canvasSPGZHL = uni.createCanvasContext('canvasSPGZHL');
		canvasSPGZHL.setStrokeStyle(greenBack.value);
		canvasSPGZHL.setLineWidth(stripSize.value);
		canvasSPGZHL.beginPath();
		canvasSPGZHL.moveTo(318, 91);
		canvasSPGZHL.bezierCurveTo(313, 87, 318, 80, 316, 77);
		canvasSPGZHL.bezierCurveTo(318, 74, 323, 77, 325, 74);
		canvasSPGZHL.bezierCurveTo(325, 74, 325, 71, 330, 80);
		canvasSPGZHL.bezierCurveTo(330, 80, 333, 87, 336, 87);
		canvasSPGZHL.stroke();
		canvasSPGZHL.draw();

		// 松潘古镇到九寨沟
		const canvasSPGZJZG = uni.createCanvasContext('canvasSPGZJZG');
		canvasSPGZJZG.setStrokeStyle(greenBack.value);
		canvasSPGZJZG.setLineWidth(stripSize.value);
		canvasSPGZJZG.beginPath();
		canvasSPGZJZG.moveTo(318, 91);
		canvasSPGZJZG.bezierCurveTo(313, 87, 318, 80, 316, 77);
		canvasSPGZJZG.bezierCurveTo(321, 74, 318, 49, 325, 37);
		canvasSPGZJZG.bezierCurveTo(325, 37, 325, 31, 333, 47);
		canvasSPGZJZG.stroke();
		canvasSPGZJZG.draw();

		// 松潘古镇到若尔盖县
		const canvasSPGZREG = uni.createCanvasContext('canvasSPGZREG');
		canvasSPGZREG.setStrokeStyle(greenBack.value);
		canvasSPGZREG.setLineWidth(stripSize.value);
		canvasSPGZREG.beginPath();
		canvasSPGZREG.moveTo(318, 91);
		canvasSPGZREG.bezierCurveTo(313, 87, 318, 80, 316, 77);
		canvasSPGZREG.bezierCurveTo(291, 55, 318, 49, 268, 24);
		canvasSPGZREG.stroke();
		canvasSPGZREG.draw();

		// 若尔盖县到九曲黄河
		const canvasREG = uni.createCanvasContext('canvasREG');
		canvasREG.setStrokeStyle(greenBack.value);
		canvasREG.setLineWidth(stripSize.value);
		canvasREG.beginPath();
		canvasREG.moveTo(268, 24);
		canvasREG.bezierCurveTo(259, 37, 259, 46, 259, 55);
		canvasREG.stroke();
		canvasREG.draw();

		// 九曲黄河到若尔盖大草原
		const canvasJQ = uni.createCanvasContext('canvasJQ');
		canvasJQ.setStrokeStyle(greenBack.value);
		canvasJQ.setLineWidth(stripSize.value);
		canvasJQ.beginPath();
		canvasJQ.moveTo(259, 55);
		canvasJQ.bezierCurveTo(259, 55, 259, 65, 246, 74);
		canvasJQ.stroke();
		canvasJQ.draw();

		// 若尔盖大草原到红原县
		const canvasRE = uni.createCanvasContext('canvasRE');
		canvasRE.setStrokeStyle(greenBack.value);
		canvasRE.setLineWidth(stripSize.value);
		canvasRE.beginPath();
		canvasRE.moveTo(246, 74);
		canvasRE.bezierCurveTo(249, 80, 256, 90, 251, 105);
		canvasRE.stroke();
		canvasRE.draw();

		// 红原县到月亮湾
		const canvasHYX = uni.createCanvasContext('canvasHYX');
		canvasHYX.setStrokeStyle(greenBack.value);
		canvasHYX.setLineWidth(stripSize.value);
		canvasHYX.beginPath();
		canvasHYX.moveTo(251, 105);
		canvasHYX.bezierCurveTo(241, 111, 241, 111, 239, 133);
		canvasHYX.stroke();
		canvasHYX.draw();

		// 月亮湾到桃坪羌寨
		const canvasYLW = uni.createCanvasContext('canvasYLW');
		canvasYLW.setStrokeStyle(greenBack.value);
		canvasYLW.setLineWidth(stripSize.value);
		canvasYLW.beginPath();
		canvasYLW.moveTo(239, 133);
		canvasYLW.bezierCurveTo(241, 149, 237, 149, 246, 155);
		canvasYLW.bezierCurveTo(249, 158, 271, 149, 266, 170);
		canvasYLW.bezierCurveTo(266, 173, 273, 186, 281, 186);
		canvasYLW.stroke();
		canvasYLW.draw();

		// 桃坪羌寨到汶川县
		const canvasXP = uni.createCanvasContext('canvasXP');
		canvasXP.setStrokeStyle(greenBack.value);
		canvasXP.setLineWidth(stripSize.value);
		canvasXP.beginPath();
		canvasXP.moveTo(281, 186);
		canvasXP.bezierCurveTo(296, 173, 310, 149, 320, 177);
		canvasXP.stroke();
		canvasXP.draw();

		// 成都到甲居藏寨
		const canvasJJ = uni.createCanvasContext('canvasJJ');
		canvasJJ.setStrokeStyle(redBack.value);
		canvasJJ.setLineWidth(stripSize.value);
		canvasJJ.beginPath();
		canvasJJ.moveTo(350, 254);
		canvasJJ.bezierCurveTo(345, 260, 320, 230, 310, 236);
		canvasJJ.bezierCurveTo(310, 236, 300, 236, 300, 226);
		canvasJJ.bezierCurveTo(300, 226, 298, 223, 296, 226);
		canvasJJ.bezierCurveTo(296, 229, 286, 220, 266, 226);
		canvasJJ.bezierCurveTo(266, 226, 241, 239, 214, 234);
		canvasJJ.bezierCurveTo(207, 226, 217, 217, 212, 205);
		canvasJJ.stroke();
		canvasJJ.draw();

		// 成都到雅拉雪山
		const canvasYLXS = uni.createCanvasContext('canvasYLXS');
		canvasYLXS.setStrokeStyle(redBack.value);
		canvasYLXS.setLineWidth(stripSize.value);
		canvasYLXS.beginPath();
		canvasYLXS.moveTo(350, 254);
		canvasYLXS.bezierCurveTo(345, 260, 320, 230, 310, 236);
		canvasYLXS.bezierCurveTo(310, 236, 300, 236, 300, 226);
		canvasYLXS.bezierCurveTo(300, 226, 298, 223, 296, 226);
		canvasYLXS.bezierCurveTo(296, 229, 286, 220, 266, 226);
		canvasYLXS.bezierCurveTo(266, 226, 241, 239, 214, 234);
		canvasYLXS.bezierCurveTo(207, 234, 202, 229, 210, 242);
		canvasYLXS.stroke();
		canvasYLXS.draw();

		// 雅拉雪山到木雅大寺
		const canvasYL = uni.createCanvasContext('canvasYL');
		canvasYL.setStrokeStyle(redBack.value);
		canvasYL.setLineWidth(stripSize.value);
		canvasYL.beginPath();
		canvasYL.moveTo(210, 242);
		canvasYL.bezierCurveTo(210, 242, 222, 248, 207, 261);
		canvasYL.stroke();
		canvasYL.draw();

		// 木雅大寺到格底拉姆
		const canvasMYDS = uni.createCanvasContext('canvasMYDS');
		canvasMYDS.setStrokeStyle(redBack.value);
		canvasMYDS.setLineWidth(stripSize.value);
		canvasMYDS.beginPath();
		canvasMYDS.moveTo(207, 261);
		canvasMYDS.bezierCurveTo(202, 264, 207, 267, 204, 270);
		canvasMYDS.stroke();
		canvasMYDS.draw();

		// 格底拉姆到斯丁错
		const canvasGDLM = uni.createCanvasContext('canvasGDLM');
		canvasGDLM.setStrokeStyle(redBack.value);
		canvasGDLM.setLineWidth(stripSize.value);
		canvasGDLM.beginPath();
		canvasGDLM.moveTo(204, 270);
		canvasGDLM.bezierCurveTo(197, 282, 202, 279, 210, 286);
		canvasGDLM.stroke();
		canvasGDLM.draw();

		// 斯丁错到木格措
		const canvasSDC = uni.createCanvasContext('canvasSDC');
		canvasSDC.setStrokeStyle(redBack.value);
		canvasSDC.setLineWidth(stripSize.value);
		canvasSDC.beginPath();
		canvasSDC.moveTo(210, 286);
		canvasSDC.bezierCurveTo(222, 276, 227, 304, 237, 295);
		canvasSDC.stroke();
		canvasSDC.draw();

		// 木格措到红海子
		const canvasMGC = uni.createCanvasContext('canvasMGC');
		canvasMGC.setStrokeStyle(redBack.value);
		canvasMGC.setLineWidth(stripSize.value);
		canvasMGC.beginPath();
		canvasMGC.moveTo(237, 295);
		canvasMGC.bezierCurveTo(244, 288, 239, 286, 242, 282);
		canvasMGC.stroke();
		canvasMGC.draw();

		// 红海子到成都
		const canvasHHZ = uni.createCanvasContext('canvasHHZ');
		canvasHHZ.setStrokeStyle(redBack.value);
		canvasHHZ.setLineWidth(stripSize.value);
		canvasHHZ.beginPath();
		canvasHHZ.moveTo(242, 282);
		canvasHHZ.bezierCurveTo(244, 276, 239, 292, 251, 292);
		canvasHHZ.bezierCurveTo(261, 288, 266, 292, 269, 295);
		canvasHHZ.bezierCurveTo(273, 307, 276, 286, 296, 279);
		canvasHHZ.bezierCurveTo(301, 276, 303, 261, 310, 257);
		canvasHHZ.bezierCurveTo(316, 251, 341, 261, 350, 254);
		canvasHHZ.stroke();
		canvasHHZ.draw();

	};